<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分页插件</title>
		<script type="text/javascript" src="./initPage.js" ></script>
	</head>
	<body>
		<div style="margin-bottom: 15px;">分页插件</div>
		<div style="width: 100%;text-align: center;">
			<div id='page'> </div>
		</div>
				
		<script>
			/**
			 * 纯粹的JS分页插件，代码缺点：JS操作DOM冗余太多，太繁琐
			 */
			var tot= 50
			pageUtil.initPage('page',{
				totalCount:tot,//总页数，一般从回调函数中获取。如果没有数据则默认为1页
				curPage:1,//初始化时的默认选中页，默认第一页。如果所填范围溢出或者非数字或者数字字符串，则默认第一页
				showCount:9,//分页栏显示的数量
				pageSizeList:[5,10,15,20,25,30],//自定义分页数，默认[5,10,15,20,50]
				defaultPageSize:10,//默认选中的分页数,默认选中第一个。如果未匹配到数组或者默认数组中，则也为第一个
				isJump:true,//是否包含跳转功能，默认false
				isPageNum:true,//是否显示分页下拉选择，默认false
				isPN:true,//是否显示上一页和下一面，默认true
				isFL:true,//是否显示首页和末页，默认true
				jump:function(curPage,pageSize){// 
					console.log(curPage,pageSize);
				},
			});
		</script>
	</body>
</html>
